{% extends 'base_dashboard.html' %}

{% block title %}Review practical — {{ course.title }}{% endblock %}

{% block content %}
<div class="row g-4">
  <div class="col-lg-7">
    <div class="card border-0 shadow-sm rounded-4 p-4">
      <h4 class="fw-bold mb-1">Practical review</h4>
      <p class="text-muted">{{ course.title }}</p>

      <dl class="row small mb-0">
        <dt class="col-sm-4 text-muted">Candidate</dt>
        <dd class="col-sm-8">{{ submission.user.get_display_name }} ({{ submission.user.email }})</dd>
        <dt class="col-sm-4 text-muted">MCQ attempt</dt>
        <dd class="col-sm-8">#{{ submission.attempt_id }} · {{ submission.attempt.score_percent }}%</dd>
        <dt class="col-sm-4 text-muted">Type</dt>
        <dd class="col-sm-8">{{ submission.get_submission_type_display }}</dd>
        <dt class="col-sm-4 text-muted">Submitted</dt>
        <dd class="col-sm-8">{{ submission.submitted_at|date:"d M Y H:i" }}</dd>
        <dt class="col-sm-4 text-muted">Status</dt>
        <dd class="col-sm-8">{{ submission.get_status_display }}</dd>
        <dt class="col-sm-4 text-muted">Work</dt>
        <dd class="col-sm-8">
          {% if submission.submission_url %}
          <a href="{{ submission.submission_url }}" target="_blank" rel="noopener">{{ submission.submission_url }}</a>
          {% elif submission.submission_file %}
          <a href="{{ submission.submission_file.url }}">Download file</a>
          {% else %}—{% endif %}
        </dd>
      </dl>
    </div>

    {% if course.practical_rubric %}
    <div class="card border-0 shadow-sm rounded-4 p-4 mt-3">
      <h6 class="fw-bold">Rubric checklist</h6>
      <div class="small" style="white-space:pre-wrap;">{{ course.practical_rubric }}</div>
    </div>
    {% endif %}
  </div>

  <div class="col-lg-5">
    <div class="card border-0 shadow-sm rounded-4 p-4">
      <h5 class="fw-bold mb-3">Decision</h5>
      {% if submission.status == 'approved' %}
        <div class="alert alert-success mb-0">Already approved. Certificate issuance was queued.</div>
      {% else %}
      <form method="post">
        {% csrf_token %}
        <div class="mb-3">
          {% for radio in form.action %}
          <div class="form-check mb-2">{{ radio }}</div>
          {% endfor %}
        </div>
        <div class="mb-3">
          <label class="form-label fw-semibold">Reviewer notes</label>
          {{ form.reviewer_notes }}
          <div class="form-text">Required for reject / request resubmission — shown to the candidate.</div>
        </div>
        <button type="submit" class="btn btn-primary w-100">Submit decision</button>
      </form>
      {% endif %}
      <a href="{% url 'courses:practical_review_queue' %}" class="btn btn-link mt-3">Back to queue</a>
    </div>
  </div>
</div>
{% endblock %}